.navbox{ width:100%; position:relative; margin:0 auto; left:0; top:0; max-width:640px; clear:both; display:none;}
.swipe{margin-bottom:10px;overflow: hidden; visibility: visible; list-style: none; position: relative;width:100%; float:left; height:auto; max-height:220px;}
.piclist{position:relative; -webkit-transition: left 600ms ease-out;   left:0;}
.piclist li{display:table-cell; width:100%; height:auto; max-height:220px; position:relative; float: left; vertical-align: top;}
#slider1 .piclist li{ height:186px;}
#slider1 .cflist{ height:180px; position:relative; }
#slider1 .cflist li{ height:180px;}
#slider1 .picli li{ height:150px;}
.page a{width:6px; height:6px; border-radius:8px; padding:0; background:#c9c9c9; display:inline-block; list-style-type:none; margin:0 2px;}
.page a.active{background:#98000d; }
.page5 a{width:26px; height:6px; display:block;background: url(../images/spicon01.gif) no-repeat; top:196px; left:144px;}
.page5 a.active{background: url(../images/spicon02.gif) no-repeat; }
.page{    position:absolute; top:180px;}
.page_a{  width:83px; position:absolute; left:-6px; bottom:39px; padding-top:6px; display:none; background:#e3e3e3; border:1px solid #c6c6c6;border-radius: 6px;}
.page_a li{ height:21px; margin-bottom:2px;line-height:21px;}
.page_a li a{color:#4f4f4f;text-decoration:none;display:block; text-align:center; text-indent:0; font-weight:normal;height:21px;width:83px; background:none;}
.page_a li:hover{color:#878787; background:#f4f4f4;}
.paga_aImgBj{ position:absolute; left:29px; bottom:32px; display:none;}
.swipe #pagenavi a.active{background: url(../images/iconall.png) no-repeat 0 -426px;}
.pageindex{ left:80%;}

@media screen and (max-width:640px){
	
	.navbox{ width:100%; position:relative; margin:0 auto; left:0; top:0; max-width:640px; clear:both; display:block;}
.swipe{margin-bottom:10px;overflow: hidden; visibility: visible; list-style: none; position: relative;width:100%; float:left; height:auto; max-height:220px;}
.piclist{position:relative; -webkit-transition: left 600ms ease-out;   left:0;}
.piclist li{display:table-cell; width:100%; height:auto; max-height:220px; position:relative; float: left; vertical-align: top;}
#slider1 .piclist li{ height:254px;}
#slider1 .cflist{ height:240px; position:relative;}
#slider1 .cflist li{ height:240px;}
#slider1 .picli li{ height:190px;}
.page a{width:6px; height:6px; border-radius:8px; padding:0; background:#c9c9c9; display:inline-block; list-style-type:none; margin:0 2px;}
.page a.active{background:#98000d; }
.page5 a{width:26px; height:6px; display:block;background: url(../images/spicon01.gif) no-repeat; top:196px; left:144px;}
.page5 a.active{background: url(../images/spicon02.gif) no-repeat; }
.page{    position:absolute; top:180px;}
.page_a{  width:83px; position:absolute; left:-6px; bottom:39px; padding-top:6px; display:none; background:#e3e3e3; border:1px solid #c6c6c6;border-radius: 6px;}
.page_a li{ height:21px; margin-bottom:2px;line-height:21px;}
.page_a li a{color:#4f4f4f;text-decoration:none;display:block; text-align:center; text-indent:0; font-weight:normal;height:21px;width:83px; background:none;}
.page_a li:hover{color:#878787; background:#f4f4f4;}
.paga_aImgBj{ position:absolute; left:29px; bottom:32px; display:none;}
.swipe #pagenavi a.active{background: url(../images/iconall.png) no-repeat 0 -426px;}
.pageindex{ left:80%;}
	
	
	
	
	}